<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
	window.onload = function(){
		var list = document.getElementById('list');//抓到ul
		var lis = list.getElementsByTagName('li');//抓到ul里面的所有li
		var one = document.getElementById('one');//抓到id是one的元素

		// 找one的父级元素
		// one.parentNode.style.color = 'blue';

		// 找ul的子元素
		// var ls = list.childNodes;
		// alert(ls.length);
		// ls[1].style.color = 'red';

		// 找第一个孩子
		// list.firstChild.style.color = 'red';

		// 找下一个兄弟节点
		// one.nextSibling.style.color = 'blue';

		list.childNodes[3].nextSibling.style.color = 'red';

	}
</script>
</head>

<body>

<ul id="list"><li>后盾网 人人做后盾0</li><li id="one">后盾网 人人做后盾1</li><li>后盾网 人人做后盾2</li><li>后盾网 人人做后盾3</li><li>后盾网 人人做后盾4</li><li>后盾网 人人做后盾5</li><li>后盾网 人人做后盾6</li><li>后盾网 人人做后盾7</li></ul>

</body>
</html>
